<div>
  <!--list1-->
  <div class="list hr-suggest-list" ng-if="list == 'list1'">
    <a ng-if="item.img.length > 0" class="item item-avatar" ng-class="{'item-icon-right':item.rightIcon}" href="{{item.href}}" ng-repeat="item in listContent">
      <img ng-src="{{item.img}}">
      <h2 class = "title-text"><div ng-class="{'title':item.label.length < 0 ,'list-title':item.label.length > 0}" class ="title">{{item.label}}{{item.title}}</div><div ng-show="item.tag.length > 0" class = "tag new" ng-class="{'new':item.tag === '新','hot':item.tag === '热'}">{{item.tag}}</div></h2>
      <p ng-style="{'padding-top':top + 'px'}" class="detail-text">{{item.detail}}</p>
      <p><i ng-show="item.read.length > 0" class="ion-map">{{item.read}}</i> <span class="fl-right">{{item.time}}</span></p>
      <i ng-if="item.rightIcon" class="icon-right icon ion-ios-arrow-right"></i>
    </a>
    <a ng-if="item.img.length == 0" class="item item-avatar" ng-class="{'p0':item.img.length == 0}" ng-repeat="item in listContent" href="{{item.router}}">
      <div class="schedule-content">
        <h2 class = "title-text"><div class ="title">{{item.title}}</div><div class = "tag new">{{item.label}}</div></h2>
        <div class="item-bottom">
          <p class="list-name text-left col-33">{{item.limit}}</p>
          <p class="list-name text-center col-33">{{item.amount}}</p>
          <p class="list-name text-right col-33">{{item.time}}</p>
        </div>
      </div>
    </a>
  </div>
  <!--list2-->
  <!--<div class="list list-bottom" ng-if="list == 'list21'">-->
    <!--<a class="item item-thumbnail-left" ng-repeat="item in listContent" href="{{item.href}}" >-->
      <!--<img class="list-img" ng-src="{{item.img}}">-->
      <!--<h2 class="list-title">{{item.label}}{{item.title}}</h2>-->
      <!--<p><i ng-show="item.read != ''" class="ion-map">{{item.read}}</i> <span class="fl-right">{{item.time}}</span></p>-->
    <!--</a>-->
  <!--</div>-->
  <!--list3-->
  <ul class="list product-list" ng-if="list == 'list3'">
    <li class="item" ng-repeat="product in listContent" ui-sref="product-detail({id:product.id})" ng-disabled="{{product.prd_status==4 || product.prd_status==3}}">
      <div class="hotsale" ng-if="product.basicProfile"><span>热卖</span></div>
      <div class="discountsale" ng-if="product.hasDiscount=='1'"><span>折扣</span></div>
      <div class="presale" ng-if="product.prd_sale_code==2"><span>预售</span></div>
      <!--<div class="detail-pic"></div>-->
      <img src="{{product.img}}" class="detail-pic">
      <div class="detail-inf" ng-class="{'has-flag':product.basicProfile['P008']=='Y'||product.hasDiscount=='1'||product.prd_sale_code==2}">
        <div class="name">{{product.prd_name}}</div>
        <div class="desc">
          <p ng-repeat="des in product.prdDescription">{{des}}</p>
        </div>
      </div>
      <div class="detail-price">
        <span><i>¥</i> {{product.prdStartPrice}}</span> /起
      </div>
    </li>
  </ul>
  <!--list4-->
  <ul class="list4" ng-if="list == 'list4'">
    <li class="item" ng-repeat="policy in policyList">
      <div class="unfinished" ng-if="policy.state == 1"><span>未完成</span></div>
      <div class="finished" ng-if="policy.state == 2"><span>已完成</span></div>
      <p class="product-name">{{policy.prd_name}}</p>
      <div class="row">
        <div class="content">
          <p class="fs15">保额：<span class="blue">￥{{policy.price}}</span></p>
          <p class="fs14">
            <img src="img/my/pay_type.png" class="policy-icon common">
            <span>缴费方式：</span>
            <span>{{policy.type}}</span>
          </p>
        </div>
        <div class="split-line"></div>
        <div class="content">
          <p class="fs15">保费：<span class="blue">￥{{policy.prem}}</span></p>
          <p class="fs14">
            <img src="img/my/effect_time.png" class="policy-icon common">
            <span>保险期间：</span>
            <span>{{policy.period}}</span>
          </p>
        </div>
      </div>
      <div class="split-area">
        <div class="half-circle"></div>
        <div class="dashed-line"></div>
      </div>
      <div class="detail">
        <div class="number fs14">保单号：{{policy.policy_no}}</div>
        <div class="custom fs14">
          <img src="img/my/person.png" class="policy-icon person">
          <span>{{policy.name}}</span>
        </div>
      </div>
    </li>
  </ul>
  <!--list5-->
  <!--<div ng-if="list == 'list5'" class="list5">-->
    <!--<div class="hr-task-list list" ng-repeat="a in listContent">-->
      <!--<a class="item item-avatar">-->
        <!--<div class="schedule-content">-->
          <!--<h2 class = "title-text"><div class ="title">{{a.title}}</div><div class = "tag new">{{a.label}}</div></h2>-->
          <!--<div class="item-bottom">-->
            <!--<p class="list-name text-left col-33">{{a.limit}}</p>-->
            <!--<p class="list-name text-center col-33">{{a.amount}}</p>-->
            <!--<p class="list-name text-right col-33">{{a.time}}</p>-->
          <!--</div>-->
        <!--</div>-->
      <!--</a>-->
    <!--</div>-->
  <!--</div>-->
</div>
